<template>
  <div style="height: 100%; width: 100%">
    <div class="leftbigbox">
      <div class="box tip">
        <dv-border-box-8>
          <h2>A区设备</h2>
          <shebeiyuce :fenqu="'A'" :moren="'A-B-1'"> </shebeiyuce
        ></dv-border-box-8>
      </div>
      <div class="box tip" style="margin-top: 1vh">
        <dv-border-box-8>
          <h2>B区设备</h2>
          <shebeiyuce :fenqu="'B'" :moren="'B-B-1'"> </shebeiyuce
        ></dv-border-box-8>
      </div>
    </div>
    <div class="rightbigbox">
      <div class="box tip">
        <dv-border-box-8>
          <h2>C区设备</h2>
          <shebeiyuce :fenqu="'C'" :moren="'C-B-1'"> </shebeiyuce
        ></dv-border-box-8>
      </div>
      <div class="box tip" style="margin-top: 1vh">
        <dv-border-box-8>
          <h2>D区设备</h2>
          <shebeiyuce :fenqu="'D'" :moren="'D-B-1'"> </shebeiyuce
        ></dv-border-box-8>
      </div>
    </div>
  </div>
</template>

<script>
import shebeiyuce from "../components/zhuangtaiyuce/shebeiyuce.vue";
export default {
  data() {
    return {};
  },
  components: {
    shebeiyuce,
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.tip {
  background-color: rgba(22, 31, 38, 0.3);
}
.box {
  height: 41.5vh;
}
.leftbigbox {
  float: left;
  width: 17vw;
  height: 100%;
}
.rightbigbox {
  float: right;
  width: 17vw;
  height: 100%;
}
</style>